<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单项目作业</title>
    <link rel="stylesheet" href="./css/index.css">

</head>

<body>
    <!-- html 布局： -->
    <div class="viewport">
        <!-- 1、左侧表单项 menu、form-->
        <div class="menu">
            <!-- 上---姓名、评分、薪资 -->
            <div class="form">
                姓名<input type="text" placeholder="请输入姓名" autocomplete="off">
                <!-- 提示 历史记录 -->
                评分<input type="number" placeholder="请输入评分">
                薪资<input type="number" placeholder="请输入薪资">
                <button>添加</button>
            </div>
            <!-- 下---表单 -->
            <div class="tab">
                <table>
                    <thead>
                        <tr>
                            <th>姓名</th>
                            <th>评分</th>
                            <th>薪资</th>
                        </tr>
                    </thead>
                    <tbody>
                        <!-- <tr>
                            <td>马超</td>
                            <td>85</td>
                            <td>8000</td>
                        </tr> -->
                        <!-- <tr>
                            <td>马超</td>
                            <td>85</td>
                            <td>8000</td>
                        </tr> -->
                        <!-- <tr>
                            <td>马超</td>
                            <td>85</td>
                            <td>8000</td>
                        </tr> -->
                    </tbody>
                </table>
            </div>
        </div>
        <!-- 2、右侧图表区 -->
        <div class="chart">
            <div class="chart1">
                <div class="line"></div>
            </div>
            <div class="chart2">
                <div class="bar"></div>
            </div>
        </div>

    </div>
    <script src="./js/echarts.min.js"></script>
    <script src="./js/jQuery.3.6.0.js"></script>


    <script src="./js/index.js"></script>
</body>

</html>